<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>问卷网</title>
<meta name="description" content="问卷调查《测试》的问卷调查报告被分享出来了，赶紧来看看！">
<link href="/static/css/weixin/mobile_index.css?v=4544f9d250431c5a34477994f8e04261" rel="stylesheet" type="text/css"/>
<link href="/static/css/weixin/list.css?v=bfd58f129c47cbdd1d82a3855c107658" rel="stylesheet" type="text/css"/>
<link href="/static/css/weixin/data_result.css?v=f75135acd04fb55108282200d544b716" rel="stylesheet">
<script src="/static/js/jquery.js?v=7aa8158252cf79c03f55d0ca27f7842f"></script>
<script src="/static/js/report/mobile_report_share.js?v=347f991f5da35c6ec5212c77d484a8ba"></script>
<script type="text/javascript" src="/static/js/base_utils.js?v=2ed053dda6765b622087bcd09ed87a9b"></script>
<script type="text/javascript" src="/static/js/tools.js?v=5d2c3f59e257951d3020a631a339dd18"></script>
<script src="/static/js/highcharts/highcharts.js?v=6eaca3a4828ec0f65c3d55cda2268a57"></script>
<script src="/static/js/highcharts/highcharts-more.js?v=c7af177b7f055aa2a91acf3c74ab4ae2"></script>
<script src="/static/js/highcharts/exporting.src.js?v=53cf7feb4091d8faf4a90736ae80151f"></script>
</head>
<body>

<form action="/report/ajax/chart_info/" method="POST" id="form_chart_info" callback="chart_info_callback">
<input type="hidden" name="project_id" value="53805f3df7405b4dda126bac">
<input type="hidden" name="question_id">
<input type="hidden" name="chart_type">
<input type="hidden" name="sort_type">
<input type="hidden" name="display_type">
<input type="hidden" name="chart_status">
<input type="hidden" name="table_status">
<input type="hidden" name="version">
<input type="hidden" name="max_seq" value="1">
<input type="hidden" name="_xsrf" value="2357e8046b4f4a208c93c6cb470959db"/></form>
<script type="text/javascript">
var chart_info_dict = {};
</script>

<header class="header">
<div class="header_left"><a href="/mmysurvey"><i class="page_ComeBack"></i></a></div>

</header>

<div class="WJcontent" style="padding-top:60px;">
<div class="titlec">

<h1 title="测试">测试</h1>
</div>



<div id="question_content_53805f4bf7405b4bc657ae19" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='单选题'>
Q1:单选题
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_53805f4bf7405b4bc657ae19" >

<div style="display:block; height:350px;" id="container_53805f4bf7405b4bc657ae19" >
加载中...
</div>

</div>
<div id="data_container_53805f4bf7405b4bc657ae19" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>



<div id="question_content_5405e178f7405b7527fe710e" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='矩阵多选题'>
Q2:矩阵多选题
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_5405e178f7405b7527fe710e" >

<div style="display:block; height:350px;" id="container_5405e178f7405b7527fe710e" >
加载中...
</div>

</div>
<div id="data_container_5405e178f7405b7527fe710e" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>



<div id="question_content_5405e17af7405b756f45ef03" onmouseover="chart_con_mouse_over(this);" onmouseout="chart_con_mouse_out(this);" class="ques mtop">
<div class="ansimg mtop">
<div class="anshead">
<span class="spanlh fL" title='矩阵打分题'>
Q3:矩阵打分题
</span>
</div>
<div class="showimg">
<div class="chartdiv">
<div id="chart_div_5405e17af7405b756f45ef03" >

<div style="display:block; height:350px;" id="container_5405e17af7405b756f45ef03" >
加载中...
</div>

</div>
<div id="data_container_5405e17af7405b756f45ef03" class="chart_table" style="margin-top:2px;display:block;overflow-x:auto">

</div>
</div>
</div>
</div>
</div>



</div>
<div style="clear:both;"></div>
<div class="footer_mini">
<div class="footer">
<div class="instructions">
<div class="ma_auto" style="width:98px;">
<div class="wjtext">
<a href="http://www.wenjuan.com" target="_blank"> <font>问卷网</font>
</a>
<span>提供支持</span>
</div>
</div>
</div>
</div>
</div>
<div id="fav_logo">
<img style="width:0px;position:absolute;top:-100px" src="/static/images/result_share_weixin.png?v=896ae276a1df31aaa3121fc7574c5eea"/>
</div>
<script type="text/javascript">
var href='www.wenjuan.com/report/weixin/53805f3df7405b4dda126bac';
var msg_img_url = "http://www.wenjuan.com/static/images/result_share_weixin.png";
var tli_img_url = "http://www.wenjuan.com/static/images/result_share_weixin.png";
var dataForWeixin = {
appId:"",
MsgImg:msg_img_url,
TLImg:tli_img_url,
url:href,
title:"测试",
desc:"欢迎参加本次答题",
fakeid:"",
callback:function(){}
};
(function(){
var onBridgeReady=function(){
WeixinJSBridge.on('menu:share:appmessage', function(argv){
WeixinJSBridge.invoke('sendAppMessage',{
"appid":dataForWeixin.appId,
"img_url":dataForWeixin.MsgImg,
"img_width":"120",
"img_height":"120",
"link":dataForWeixin.url,
"desc":dataForWeixin.desc,
"title":dataForWeixin.title
}, function(res){(dataForWeixin.callback)();});
});
WeixinJSBridge.on('menu:share:timeline', function(argv){
(dataForWeixin.callback)();
WeixinJSBridge.invoke('shareTimeline',{
"img_url":dataForWeixin.TLImg,
"img_width":"120",
"img_height":"120",
"link":dataForWeixin.url,
"desc":dataForWeixin.desc,
"title":dataForWeixin.title
}, function(res){});
});
WeixinJSBridge.on('menu:share:weibo', function(argv){
WeixinJSBridge.invoke('shareWeibo',{
"content":dataForWeixin.title,
"url":dataForWeixin.url
}, function(res){(dataForWeixin.callback)();});
});
WeixinJSBridge.on('menu:share:facebook', function(argv){
(dataForWeixin.callback)();
WeixinJSBridge.invoke('shareFB',{
"img_url":dataForWeixin.TLImg,
"img_width":"120",
"img_height":"120",
"link":dataForWeixin.url,
"desc":dataForWeixin.desc,
"title":dataForWeixin.title
}, function(res){});
});
};
if(document.addEventListener){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if(document.attachEvent){
document.attachEvent('WeixinJSBridgeReady' , onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady' , onBridgeReady);
}
})();
var total_q_num = 0;//总问题数
var question_list = [{'qid': '53805f4bf7405b4bc657ae19', 'qtype': 3, 'chart_type': 'column'}, {'qid': '5405e178f7405b7527fe710e', 'qtype': 5, 'chart_type': 'column'}, {'qid': '5405e17af7405b756f45ef03', 'qtype': 7, 'chart_type': 'line'}];
var project_id = "53805f3df7405b4dda126bac";
var view_version = "1";
var data_version = "1";
var chart_settings = {"5405e17af7405b756f45ef03": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "line"}, "53fee49ff7405b7b0af8b771": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_percent", "chart_type": "blank"}, "53805f72f7405b4de5454ec1": {"table_status": "show_table", "chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank"}, "54003375f7405b3aafbfacba": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee4a1f7405b7c4941a012": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "blank", "table_status": "show_table", "display_type": "show_value"}, "53805f4bf7405b4bc657ae19": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "column", "table_status": "show_table", "display_type": "show_value"}, "5405e178f7405b7527fe710e": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "bar", "table_status": "show_table"}, "53805f6bf7405b4dda126bb3": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee44cf7405b7c724d6911": {"chart_status": "show_chart", "sort_type": "Keep", "display_type": "show_value", "chart_type": "blank", "table_status": "show_table"}, "53fee44bf7405b7a7ee22e70": {"chart_status": "show_chart", "sort_type": "Keep", "chart_type": "blank", "table_status": "show_table", "display_type": "show_value"}};
$(function(){
$("a img[src='http://eiv.baidu.com/hmt/icon/21.gif']").hide();
//关闭头部提示
$('.preview_close').click(function() {
$(this).parent().hide();
});
//页面初始化时默认显示第一题
var question_id = question_list[0].qid;
total_q_num = question_list.length;
//如果数据库中有记录则采用数据库配置信息来显示,否则按照默认初始值显示
if(chart_settings&&chart_settings[question_id])
{
var chart_type = chart_settings[question_id].chart_type;
var display_type = chart_settings[question_id].display_type;
var sort_type = chart_settings[question_id].sort_type;
var chart_status = chart_settings[question_id].chart_status;
var table_status = chart_settings[question_id].table_status;
show_chart_and_table(question_id,chart_type,sort_type,display_type,chart_status,table_status,view_version);
//控制图表和数据表隐藏显示
elememts_deal(question_id, chart_status);
elememts_deal(question_id, table_status);
}
else
{
var chart_type = question_list[0].chart_type;
//此处加入判断是为了将默认显示第一个若为柱状则改为条形，这样比较美观
if (chart_type == "column")
chart_type = "bar";
if(chart_type == "stackcolumn")
chart_type = "stackbar";
var display_type = "show_value";
//单选题默认显示百分比
if(question_list[0].qtype == 2)
display_type = "show_percent";
show_chart_and_table(question_id,chart_type,"Keep",display_type,"show_chart","show_table",view_version);
}
total_q_num = total_q_num - 1;
//然后侦听滚动条事件进行滚动显示
$(window).scroll(function(){
var bodyHeight = $('body').height();
var wHeight = $(window).height();
var scrollT = $(this).scrollTop();
var scrollB = bodyHeight - (scrollT + wHeight);
var standarDis = 500*total_q_num;
if(scrollB<standarDis&&total_q_num>0)
{
var que = question_list[question_list.length-total_q_num];
if(chart_settings&&chart_settings[que.qid])
{
var chart_type = chart_settings[que.qid].chart_type;
var display_type = chart_settings[que.qid].display_type;
var sort_type = chart_settings[que.qid].sort_type;
var chart_status = chart_settings[que.qid].chart_status;
var table_status = chart_settings[que.qid].table_status;
show_chart_and_table(que.qid,chart_type,sort_type,display_type,chart_status,table_status,view_version);
//控制图表和数据表隐藏显示
elememts_deal(que.qid, chart_status);
elememts_deal(que.qid, table_status);
}
else
{
var chart_type = que.chart_type;
//此处加入判断是为了将默认显示第一个若为柱状则改为条形，这样比较美观
if (chart_type == "column")
chart_type = "bar";
if(chart_type == "stackcolumn")
chart_type = "stackbar";
//有图表类型的时候才需要发送请求
// if(chart_type !="")
// {
//单选题默认显示百分比
display_type = "show_value";
if(que.qtype == 2)
display_type = "show_percent";
show_chart_and_table(que.qid,chart_type,"Keep",display_type,"show_chart","show_table",view_version);
}
// }
total_q_num = total_q_num - 1;
}
});
})
</script>
</body>
</html>
